@import "variables"

@font-face
  font-family 'panda'
  src url(icomoon-font-path + '/panda.eot?qmogy8')
  src url(icomoon-font-path + '/panda.eot?qmogy8#iefix') format('embedded-opentype'), url(icomoon-font-path + '/panda.ttf?qmogy8') format('truetype'), url(icomoon-font-path + '/panda.woff?qmogy8') format('woff'), url(icomoon-font-path + '/panda.svg?qmogy8#panda') format('svg')
  font-weight normal
  font-style normal

[class^="panda_"], [class*=" panda_"]
  font-family 'panda' !important
  height  20px;
  font-size  20px;
  speak none
  font-style normal
  font-weight normal
  font-variant normal
  text-transform none
  line-height 1

  /* Better Font Rendering =========== */
  -webkit-font-smoothing antialiased
  -moz-osx-font-smoothing grayscale

.panda_icon_arrow_down
  &:before
    content panda_icon_arrow_down  
    color #788299
.panda_icon_close
  &:before
    content panda_icon_close  
    color #788299
.panda_icon_error .path1
  &:before
    content: panda_icon_error-path1  
    color rgb(255, 73, 74)
.panda_icon_error .path2
  &:before
    content: panda_icon_error-path2  
    margin-left -1em  
    color rgb(255, 255, 255)
.panda_icon_kgqp
  &:before
    content panda_icon_kgqp  
    color #4ea1ff
.panda_icon_menu_1_gq
  &:before
    content panda_icon_menu_1_gq  
    color #788299
.panda_icon_menu_1_sc
  &:before
    content panda_icon_menu_1_sc
.panda_icon_menu_1_sz
  &:before
    content panda_icon_menu_1_sz  
    color #788299
.panda_icon_menu_1_zd
  &:before
    content panda_icon_menu_1_zd  
    color #788299
.panda_icon_menu_1_zl
  &:before
    content panda_icon_menu_1_zl  
    color #788299
.panda_icon_menu_1_zp
  &:before
    content panda_icon_menu_1_zp  
    color #788299
.panda_icon_menu_2_lsk
  &:before
    content panda_icon_menu_2_lsk  
    color #4ea1ff
.panda_icon_menu_2_qdk
  &:before
    content panda_icon_menu_2_qdk  
    color #788299
.panda_icon_menu_2_scgl
  &:before
    content panda_icon_menu_2_scgl  
    color #788299
.panda_icon_panda
  &:before
    content panda_icon_panda
.panda_icon_search
  &:before
    content panda_icon_search  
    color #788299
.panda_icon_show_all
  &:before
    content panda_icon_show_all  
    color #4ea1ff
.panda_icon_sport_bq
  &:before
    content panda_icon_sport_bq  
    color #404758
.panda_icon_sport_dzjj
  &:before
    content panda_icon_sport_dzjj  
    color #404758
.panda_icon_sport_lq
  &:before
    content panda_icon_sport_lq  
    color #dd529a
.panda_icon_sport_ppq
  &:before
    content panda_icon_sport_ppq  
    color #404758
.panda_icon_sport_pq
  &:before
    content panda_icon_sport_pq  
    color #404758
.panda_icon_sport_snk
  &:before
    content panda_icon_sport_snk  
    color #404758
.panda_icon_sport_wq
  &:before
    content panda_icon_sport_wq  
    color #404758
.panda_icon_sport_zq
  &:before
    content panda_icon_sport_zq  
    color #d1883a
.panda_icon_succeed .path1
  &:before
    content: panda_icon_succeed-path1  
    color rgb(130, 234, 93)
.panda_icon_succeed .path2
  &:before
    content: panda_icon_succeed-path2  
    margin-left -1em  
    color rgb(255, 255, 255)
.panda_icon_switch
  &:before
    content panda_icon_switch  
    color #788299
.panda_icon_time
  &:before
    content panda_icon_time  
    color #788299
.panda_icon_wifi
  &:before
    content panda_icon_wifi  
    color #82ea5d

